<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<link type="text/css" href="<%=path%>/css/style.css" rel="stylesheet" />
<style>

</style>
<script type="text/javascript" src="<%=path%>/js/jquery-1.11.0.min.js"></script>
<script>
	$(function(){
		getMonitorInfo();
		$("#fresh").click(function(){
			getMonitorInfo();
			
		});
		
	})
	
	function getMonitorInfo(){
		$("#fresh").attr("disabled","disabled");
		$.ajax({
			url : "<%=path%>/getMonitorInfo",
			type : "POST",
			dataType : "json",
			data:{},
			success : function(rs){
				$("#fresh").removeAttr("disabled");
				if(!rs || null == rs || "" == rs){
					return false;
				}
				var htl = [];
				htl.push("<tr><td>操作系统:</td><td>"+rs["osName"]+"</td></tr>");
				htl.push("<tr><td>cpu使用率:</td><td>"+rs["cpuRatio"]+"%</td></tr>");
				htl.push("<tr><td>JVM已占有的内存:</td><td>"+rs["totalMemory"]+" kb</td></tr>");
				htl.push("<tr><td>JVM剩余内存:</td><td>"+rs["freeMemory"]+" kb</td></tr>");
				htl.push("<tr><td>JVM最大可使用内存:</td><td>"+rs["maxMemory"]+" kb</td></tr>");
				htl.push("<tr><td>总的物理内存:</td><td>"+rs["totalMemorySize"]+" kb</td></tr>");
				htl.push("<tr><td>剩余的物理内存:</td><td>"+rs["freePhysicalMemorySize"]+" kb</td></tr>");
				htl.push("<tr><td>已使用的物理内存:</td><td>"+rs["usedMemory"]+" kb</td></tr>");
				htl.push("<tr><td>线程总数:</td><td>"+rs["totalThread"]+"</td></tr>");
				$("table").html(htl.join(""));
			},
			error : function(rs){
				alert("获取监控数据失败");
				$("#fresh").removeAttr("disabled");
			}
		});
	}
</script>
</head>
<body>
	<div class="header-div">monitor</div>
	<div class="monitor-div">
		<div><input type="button" id="fresh" value="刷新" style="cursor:pointer;height:40px;width:100px;"/></div>
		<table>
			
		</table>
	</div>
</body>
</html>